﻿<!DOCTYPE html>
<html>
  <head>
    <title>角色管理</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link rel="stylesheet" type="text/css" href="/static/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="/static/themes/icon.css">
    <link rel="stylesheet" type="text/css" href="../demo.css">
    <script src="/static/js/jquery.min.js"></script>
    <script type="text/javascript" src="/static/js/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="/static/js/easyui-lang-zh_CN.js"></script>

    <link rel="stylesheet" type="text/css" href="/static/files/角色管理/styles.css"/>
    <script src="/static/files/角色管理/data.js"></script>
  </head>
  <body>
    <!--新增按钮-->
    <div id="u1">
      <a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-add'" onclick="$('#w').window('open')">新增</a>
    </div>

    <!--显示信息-->
    <div id="u2">
      <table id="dg" title="" style="width:1317px" data-options="
                    <%--行序号--%>
                    rownumbers:true,
                    <%--是否支持多选--%>
                    singleSelect:true,
                    <%--根据行内容自动调整行高--%>
                    autoRowHeight:false,
                    <%--分页显示--%>
                    pagination:true,
                    <%--拉升表格占满整个宽度--%>
                    fitColumns:true,
                    <%--每页显示的条数--%>
                    striped:true,
                    pageSize:10">
        <thead>
        <tr>
          <th field="roleName" width="20" align="center">角色名称</th>
          <th field="creationTime" width="20" align="center">创建时间</th>
          <th field="isStart" width="20" align="center">是否启用</th>
          <th field="caoZuo" width="20" align="center">操作</th>
        </tr>
        </thead>
      </table>
    </div>

  <%--增加/修改--%>
    <div id="w" class="easyui-window" title="添加/修改" data-options="iconCls:'icon-save',closed:true,minimizable:false,maximizable:false,collapsible:false,modal:true,tools:'#tt'" >
        <div style="padding:10px 20px">
          <label for="rolename" class="label-top">角色名称:</label>
          <input id="rolename" name="radio" class="easyui-validatebox tb" data-options="required:true">
        </div>
        <div style="padding:10px 20px">
          <label for="createdby" class="label-top">创建者:</label>
          <input id="createdby" name="radio" class="easyui-validatebox tb" data-options="required:true">
        </div>
        <div style="padding:10px 20px">
          <label for="isstart" class="label-top">是否启用:</label>
          <select id="isstart" name="radio" class="easyui-validatebox tb" data-options="required:true">
          <option value="1">启用</option>
          <option value="0">禁用</option>
          </select>
        </div>
    </div>
    <div id="tt">
      <a href="javascript:void(0)" id="s1" class="icon-add" onclick="add()"></a>
      <a href="javascript:void(0)" id="s2" class="icon-edit" onclick="update()"></a>
    </div>
  </body>
</html>
